<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
        我是普通文字
        <b>加粗文字 bold</b>
        <br>
        <i>斜体文字 italic</i>
        <br>
        <s>删除线文字 strike</s>
        <br>
        <u>下划线文字 underline</u>
        <br></br>
        <em>强调文字 emphasis</em>
        <br></br>
        <strong style="color: cyan">加粗加颜色文字</strong>
        <br></br>
        <mark>高亮标记文字</mark>
        <br></br>
        <small>小一号文字</small>
        <br></br>
        <sub>下标文字</sub>
        <br>
        <sup>上标文字</sup>
        <br></br>
        <q>双引号</q>
        <br></br>
        <blockquote>引用</blockquote>
        <br>
        <cite>引用</cite>
        <br></br>
        <address>地址</address>
        <br></br>
        <code>代码</code>
        <br></br>
        <kbd>键盘</kbd>
        <br></br>
        <samp>计算机输出</samp>
        <br></br>
        <var>变量</var>
        <br></br>
        <time>时间</time>
        <br></br>
        <!--转义符
        小于号&lt; => less than
        大于号&gt; => greater than
        空格&nbsp; => blank
        -->
        喜欢看&lt;tom&nbsp;and&nbsp;jerry&gt;的电影
        <!--    标题标签   加粗  改字号  内容独占一行  有垂直方向的上下行间距    -->
        <h1>标题1</h1>
        <h2>标题2</h2>
        <h3>标题3</h3>
        <h4>标题4</h4>
        <h5>标题5</h5>
        <h6>标题6</h6>
        <!--    没有h7标签  但没有报错  只是不会渲染出效果    -->
        <h7>标题7</h7>
        <!--    段落标签  内容独占一行  有垂直方向的行间距  没有额外的文字效果  -->
        <p>段落</p>
        <p>段落</p>
        <p>段落</p>
        <!--    分割线  生成一条灰色水平的分割线    -->
        <hr>
        <!--    生成假文  lorem按Tab补全    -->
        Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet architecto corporis delectus dolor fugit molestiae necessitatibus placeat praesentium voluptatem! Dicta doloribus ducimus esse est labore quos tempora ullam voluptas!

        <!--    有序列表  ordered  list  list item    -->
        <ol type="1"><!--    ordered  list    -->
            <li>列表项1</li><!--  list item  -->
            <li>列表项2</li>
            <li>列表项3</li>
        </ol>
        <!--    无序列表  unordered   type="none"  去除列表前标识符  -->
        <ul type="none"><!--  unordered list  -->
            <li>《斗破苍穹》</li>
            <li>《Think In Java》</li>
            <li>《JavaScript高级程序设计》</li>
            <li>《Java从入门到精通》</li>
            <li>《JavaScript设计模式与开发实践》</li>
            <li>《SpringBoot开发指南》</li>
            <li>《SpringBoot实战》</li>
            <li>《SpringCloud微服务实战》</li>
            <li>《SpringCloud Alibaba实战》</li>
            <li>《颈椎病康复指南》</li>
        </ul>
        <hr>
        <ul type="none">热菜
        <ol type="1">
            <li>西红柿牛腩</li>
            <li>水煮肉片</li>
            <li>宫保鸡丁</li>
            <li>溜肉段</li>
        </ol>
        </ul>
        <ul type="none">凉菜
        <ol type="1">
            <li>拍黄瓜</li>
            <li>凉拌三丝</li>
            <li>皮蛋豆腐</li>
        </ol>
        </ul>
        <ul type="none">主食
        <ol type="1">
            <li>米饭</li>
            <li>馒头</li>
        </ol>
        </ul>

        <hr>
        <h1>个人简历</h1>
        <h3>基本信息</h3>
        <p>姓名：<b>传奇哥</b></p>
        <p>性别：男</p>
        <p>爱好：<s>摄影</s></p>
        <h3>个人经历</h3>
        <ul >
            <li>小学9年</li>
            <li>初中9年</li>
            <li>高中12年</li>
        </ul>
        <h3>获得荣誉</h3>
        <ol type="1">
            <li>机甲收集达人</li>
            <li>玩偶收集达人</li>
        </ol>

</body>
</html>